<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度输入法-个人中心</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="box abs">
        <div class="box-cont abs">
            <div class="cont-shadow rel">
                <div class="cont-top">
                    <div class="cont-title">
                        百度输入法个人中心
                    </div>
                    <div id="closeWind" class="cont-close abs"></div>
                    <div id="minWind" class="cont-min abs"></div>
                </div>
                <div class="cont-user rel">
                    <div class="head abs">
                        <img id="uHead" src="images/icon_logo-panel_avatar.png" width="55" height="55" alt="">
                    </div>
                    <div id="headMask" logined="1" class="headmask hand abs"></div>
                    <p id="isLogined" class="logined abs"></p>
                    <div id="uName" class="uname abs fontYH"
                            >Baidu<div id="userBox" onclick="proccessUserItems()" class="userbox abs"><div id="userItems" class="user-items abs"><p onclick="proccessUserSetting()" id="userSetting">账号设置</p><p onclick="proccessLoginOut()" id="logout">退出</p></div></div
                            ></div>
                    <div id="loginMsg">
                        <div id="level" class="level abs">
                            <div id="levelNum" class="level-num hand"></div>
                            <div id="levelBar" class="level-ing hand abs" title="">
                                <p id="levelIng" class="abs"></p>
                            </div>
                            <span id="levelTitle" class="level-title"></span>
                        </div>
                        <div class="abs coin">
                            <div id="coinImg" class="hand"></div>
                            <div id="coin" class="fontNum hand">0</div>
                            <a id="getAward" class="hand">立即兑换</a>
                        </div>
                    </div>
                    <div id="unloginMsg" class="abs">登录后可同步词库和配置，攒积分赢礼品</div>
                </div>
                <!-- 勋章列表-->
                <div class="medalCtrl">
                    <div id="medalPrev" class="left-arrow fl left-arrow-disabled" onclick="scrollMedalsBox(1)"></div>
                    <div id="medalNext" class="right-arrow fr" onclick="scrollMedalsBox(-1)"></div>
                    <div id="medalBox" class="medallist rel">
                        <ul id="medalList">
                        </ul>
                    </div>
                    <div id="medalNav" class="medal-nav">
                        <span onclick="scrollMedalsBox(1)" class="cur"></span>
                        <span onclick="scrollMedalsBox(-1)"></span>
                    </div>
                </div>

                <!-- 勋章详情 -->
                <div id="medalInfo" class="abs">
                    <div id="medalTitle" class="title fontYH font16 bold">快手达人</div>
                    <div id="medalText" class="cont">
                        <p>最高打字速度达到60字/分钟</p>
                    </div>
                </div>
                <!-- 勋章列表 end -->
                <!-- 输入数据 -->
                <div class="input-data abs">
                    <div class="input-data-title abs font16 fontYH">输入成就</div>
                    <div id="tips00" class="abs"></div>
                    <div class="input-speed abs">
                        <div class="input-speed-bg abs"></div>
                        <div id="maxInputBird" class="abs"></div>
                        <strong id="maxInput" class="fontNum font40 abs">0</strong>
                        <div class="input-record">
                        </div>
                    </div>
                    <div class="input-total abs">
                        <p class="input-total-text1">累计输入字数</p>
                        <p class="input-total-text2"><strong id="totalInput" class="fontNum font40">0</strong><span>字</span></p>
                        <p id="writeResult" class="">
                            <span>写完一篇</span>
                            <a href="#" id="openSearch" onmouseup="doSearch(this)" isbook="false" keyword="小学作文选" class="hand">小学作文</a>
                            啦！
                        </p>
                    </div>
                    <div id="dataHistory" class="data-history abs">
                        <div id="prevDays" class="left-arrow fl left-arrow-disabled"></div>
                        <div id="nextDays" class="right-arrow fr right-arrow-disabled"></div>
                        <div id="chart" class="chart rel">
                            <!--<canvas id="bgCanvas" class="abs" width="308" height="114"></canvas>-->
                            <canvas id="inputTableCanvas" width="308" height="96"></canvas>
                            <div id="chartGauge" class="abs"></div>
                            <div id="chartGaugeText" class="abs">
                                <p class="gauge gauge-1"></p>
                                <p class="gauge gauge-2"></p>
                                <p class="gauge gauge-3"></p>
                                <p class="gauge gauge-4"></p>
                                <p class="gauge gauge-5"></p>
                                <p class="gauge gauge-6"></p>
                                <p class="gauge gauge-7"></p>
                            </div>
                            <div id="mouseEventMask" class="abs"></div>
                            <!-- 显示输入数据 -->
                            <div id="dataInfo" class="data-info data-info-right abs">
                                <div class="data-info-text rel fontYH"><span id="dataInfoText" class="fontNum"></span> 字</div>
                                <div class="triangle abs"></div>
                            </div>
                            <div id="hrPoint" class="hr-point abs">
                                <p class="round abs"></p>
                                <p class="hr abs"></p>
                            </div>
                            <!-- 显示输入数据 end -->
                        </div>
                    </div>

                </div>
                <!-- 输入数据 end -->
            </div>
        </div>
        <div id="full_tip_login">
            <div class="mask"></div>
            <div class="tip_img"></div>
            <div id="full_tip_login_close_1" class="close1"></div>
            <div id="full_tip_login_close_2" class="close2"></div>
            <div id="full_tip_login_login" class="login"></div>
        </div>
        <div id="full_tip_exchange">
            <div class="mask"></div>
            <div class="tip_img"></div>
            <div id="full_tip_exchange_close" class="close"></div>
            <div id="full_tip_exchange_exchange1" class="exchange1"></div>
            <div id="full_tip_exchange_exchange2" class="exchange2"></div>
        </div>
    </div>
    <div id="test_data"></div>
    <script type="text/javascript" src="js/tangram.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/achievement.js"></script>
    <!--<script type="text/javascript" src="js/common.js?v=201404141128"></script>-->
    <script type="text/javascript" src="js/common.js?v=201505121346"></script>
    <script type="text/javascript">
        window.onload = function () {
            // 勋章列表对象
            skin.medalList = skin.g('medalList');
            // 勋章信息浮窗对象
            skin.medalInfo = skin.g('medalInfo');
            // 获取表情次数
            skin.execOrder('getPicCnt');
            // 获取用户数据
            skin.execOrder('getUserInfo');
            skin.execOrder('getInputData');

            getCanvasPositionX(skin.g('inputTableCanvas'));
            // 最小化、关闭事件
            skin.minimizeWind('minWind');
            skin.closeWind('closeWind');
            // 勋章列表滚动效果
            //proccessScrollEvent(skin.g('medalBox'), scrollMedalsBox);

            document.body.onclick = function (e) {
                if (e.target != skin.g('userBox')) {
                    skin.userItemBox = false;
                    if (typeof skin.g('userItems') == 'object') {
                        skin.hide('userItems');
                    }
                }
                /*if (e.target != skin.g('shareBox') && e.target != skin.g('shareTitle')) {
                    skin.hide('shareBox');
                    skin.sharebox = false;
                }*/
            };
            // 领奖品跳转
            skin.g('getAward').onclick = function () {
                skin.getAward();
            };
            // 新增积分兑换规则跳转 20140520 wangyan19
            var getAwardRule = {needLogin: false, url: config.awardRule};
            skin.g('level').onclick = function () {
                //skin.execOrder('openUrl', JSON.stringify(getAwardRule));
                skin.getAward();
            };
            skin.g('coinImg').onclick = function () {
                //skin.execOrder('openUrl', JSON.stringify(getAwardRule));
                skin.getAward();
            };
            skin.g('levelNum').onclick = function () {
                //skin.execOrder('openUrl', JSON.stringify(getAwardRule));
                skin.getAward();
            };
            skin.g('coin').onclick = function () {
                //skin.execOrder('openUrl', JSON.stringify(getAwardRule));
                skin.getAward();
            };

            // 新增mouseover 显示; uiframe暂不支持title
            skin.g('level').onmouseover = function () {
                if ((skin.g('levelTitle').innerHTML).length > 0) {
                    skin.show('levelTitle');
                }
            };
            skin.g('level').onmouseout = function () {
                skin.hide('levelTitle');
            };


        }
    </script>
</body>
</html>